var dj = document.querySelector('#dj');
dj.addEventListener('click',function () {
    //获取input里面的内容
    var list = document.querySelector('#list');
    //创建li标签
    var li = document.createElement('li');
    //创建一个span标签
    var span  = document.createElement('span');
    var span_text = document.createTextNode(list.value);

    span.addEventListener('dblclick',function(){
        span.setAttribute('contenteditable',true)
    });
     span.style.outline = 'none';
    span.appendChild(span_text);
    //创建button标签
    var button = document.createElement('button');
    var button_text = document.createTextNode('X');
    //给button添加一个删除事件
    button.addEventListener('click',function (){
        var nr = document.querySelector('#nr');
        nr.removeChild(this.parentNode);
    });
    button.appendChild(button_text);
    //把span和button追加到A标签
    li.appendChild(span);
    li.appendChild(button);
    var nr = document.querySelector('#nr');
    nr.appendChild(li);
});
